﻿<UserControl x:Name="userControl" x:Class="Wilke.Interactive.Drone.PlayGround.Slider"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" d:DesignHeight="375" d:DesignWidth="100" 
             ManipulationStarting="elSlider_ManipulationStarting" ManipulationDelta="elSlider_ManipulationDelta" ManipulationCompleted="userControl_ManipulationCompleted" Loaded="userControl_Loaded">
	<Canvas  Width="{Binding ActualWidth, ElementName=userControl}" Height="{Binding ActualHeight, ElementName=userControl}">
		<Border x:Name="bdrBack" BorderThickness="4" CornerRadius="20" Height="{Binding ActualHeight, ElementName=userControl}" HorizontalAlignment="Center" Width="63" Canvas.Left="21.5" Canvas.Top="0" VerticalAlignment="Center">
			<Border.Background>
				<LinearGradientBrush EndPoint="1,0" StartPoint="0,0">
					<GradientStop Color="#FF252323" Offset="0"/>
					<GradientStop Color="Black" Offset="1"/>
					<GradientStop Color="#FFD7D7D7" Offset="0.322"/>
				</LinearGradientBrush>
			</Border.Background>
		</Border>
        <Canvas x:Name="thumb" Height="80" Width="90" IsManipulationEnabled="True" Canvas.Left="9" >
			<Path x:Name="thumbPart1" 
				Stretch="Fill" 
				Data="F1 M 535.99,282.656L 546.99,295.531L 534.573,311.25C 534.573,311.25 525.096,323.292 519.573,323.292L 502.823,323.292C 497.3,323.292 492.823,318.815 492.823,313.292L 492.823,278.042C 492.823,272.519 497.3,268.042 502.823,268.042L 519.573,268.042C 525.096,268.042 535.99,282.656 535.99,282.656 Z " 
				StrokeLineJoin="Round"               
				Height="80.03"            
				Width="90.943"
				Canvas.Top="0.303"
				VerticalAlignment="Top" Stroke="Black">
				<Path.Fill>
					<RadialGradientBrush GradientOrigin="-0.143,0.514" RadiusY="1.33" RadiusX="0.412" Center="0.381,0.512">
						<GradientStop Color="#FF0C55DC" Offset="0.52"/>
						<GradientStop Color="White" Offset="0.139"/>
					</RadialGradientBrush>
				</Path.Fill>				
			</Path>
			<Path x:Name="thumbPart2" 
				Stretch="Fill" 
				Data="F1 M 535.99,282.656L 546.99,295.531L 534.573,311.25C 534.573,311.25 525.096,323.292 519.573,323.292L 502.823,323.292C 497.3,323.292 492.823,318.815 492.823,313.292L 492.823,278.042C 492.823,272.519 497.3,268.042 502.823,268.042L 519.573,268.042C 525.096,268.042 535.99,282.656 535.99,282.656 Z " 
				StrokeLineJoin="Round"               
				Height="80.03"            
				Width="90.943"
				Canvas.Top="0"
				VerticalAlignment="Top">
				<Path.Stroke>
					<LinearGradientBrush EndPoint="1.129,0.423" StartPoint="-0.091,0.426">
						<GradientStop Color="#FF0A106A" Offset="0.161"/>
						<GradientStop Color="#FF5D5E6C" Offset="1"/>
					</LinearGradientBrush>
				</Path.Stroke>
				<Path.Fill>
					<RadialGradientBrush RadiusY="1.094" RadiusX="0.422" Center="0.512,0.503" GradientOrigin="1.157,0.488">
						<GradientStop Color="White" Offset="0.105"/>
						<GradientStop Color="#FF105AE2" Offset="0.872"/>
						<GradientStop Color="#0BE4E4E4" Offset="1"/>
						<GradientStop Color="#FFE2E7EF" Offset="0.304"/>
					</RadialGradientBrush>
				</Path.Fill>				
			</Path>
            <Canvas.RenderTransform>
                <MatrixTransform>
                    <MatrixTransform.Matrix>
                        <Matrix OffsetX="0" OffsetY="0"/>
                    </MatrixTransform.Matrix>
                </MatrixTransform>
            </Canvas.RenderTransform>
        </Canvas>
	</Canvas>
</UserControl>

